<!DOCTYPE html>
<html>
<head>
    <title>用户数据采集查询NB</title>
		<#include "/header.html">
    <style type="text/css">
        .errrow{
            background-color:papayawhip;
        }
    </style>
    <script src="${request.contextPath}/statics/plugins/ztree/jquery.ztree.core.js"></script>
    <script src="${request.contextPath}/statics/plugins/ztree/jquery.ztree.exhide.js"></script>
    <script src="${request.contextPath}/statics/plugins/ztree/fuzzysearch.js"></script>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div class="col-sm-1" style="padding-left:0px;padding-right:0px;margin-right: 5px;">
                <input type="text" class="form-control" v-model="q.num"  placeholder="异常阈值"/>
            </div>

            <a class="btn btn-primary" @click="query"><i class="fa fa-search"></i>&nbsp;查询</a>
            <a class="btn btn-primary" @click="initData"><i class="fa fa-refresh"></i>&nbsp;刷新</a>
            <a class="btn btn-primary" @click="outxls"><i class="fa fa-download"></i>&nbsp;导出</a>
        </div>
        <div id="content" class="row-fluid" >
            <div class="col-md-2 panel panel-default"
                 style="padding-left:0px;min-height:685px;max-height:calc(100vh - 70px);overflow-y: scroll;display: none;">
                <input type="text" id="treeSearchKey" value="" class="empty" placeholder="请输入关键字" style="margin-left: 5px; margin-top: 5px;"/>
                <ul id="deptTreeLeft" class="ztree"></ul>
            </div>
            <div class="col-md-12">
                <table id="jqGrid"></table>
                <div id="jqGridPager"></div>
            </div>
        </div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-2 control-label">客户编号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="proData.clientId" placeholder="客户编号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">客户名</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="proData.clientName" placeholder="客户名"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">客户地址</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="proData.clientAddress" placeholder="客户地址"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">设备编码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="proData.deviceId" placeholder="设备编码"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">设备地址</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="proData.deviceAddress" placeholder="设备地址"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">采集方式</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="proData.typeName" placeholder="采集方式"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">设备状态</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="proData.deviceStatus" placeholder="设备状态"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">状态码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="proData.statusCode" placeholder="状态码"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">采集日期</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="proData.nowDate" placeholder="采集日期"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">采集数据</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="proData.nowData" placeholder="采集数据"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">备注</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="proData.memo1" placeholder="备注"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <!--<input type="button" class="btn btn-primary" id="btnSaveOrUpdate" data-loading-text="保存中..."
                       @click="saveOrUpdate" value="确定"/>-->
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>

    <div id="infoLayer" style="display: none;padding:10px;">
    <div class="tabbable"> <!-- Only required for left/right tabs -->
        <ul id="myTab" class="nav nav-tabs">
            <li class="active"><a href="#tab1" data-toggle="tab">客户相关信息</a></li>
            <li><a href="#tab2" data-toggle="tab">设备相关信息</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="tab1">
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">客户编号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="proData.memo1" placeholder="客户编号" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">客户姓名</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="proData.clientName" placeholder="客户姓名" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">客户地址</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="proData.clientAddress" placeholder="客户地址" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">设备地址</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="proData.deviceAddress" placeholder="设备地址" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">户号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="proData.hourseNum" placeholder="户号" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">仪表类型</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="proData.typeName" placeholder="仪表类型" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">仪表状态</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="proData.deviceStatus" placeholder="仪表状态" readonly/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="tab-pane" id="tab2">
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">设备编码</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="proData.deviceId" placeholder="设备编码" readonly/>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-2 control-label">采集日期</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="proData.nowDate" placeholder="采集日期" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">采集数据</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="proData.nowData" placeholder="采集数据" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">IMEI</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="proData.imei" placeholder="IMEI" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">质保开始日期</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="proData.warrantyStart" placeholder="质保开始日期" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">现场记录</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="proData.recordOnSpot" placeholder="现场记录" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">备注</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="proData.memo1" placeholder="备注" readonly/>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

</div>

<script src="${request.contextPath}/statics/js/modules/water/prodatanb.js?_${.now?long}"></script>
</body>
</html>